<!-- 2-22 课程大纲   createBy @21-2-22 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程大纲</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="css/courseOutline.css">
</head>

<body>
    
    <div id="outline">
        <div id="level1" class="">
            <div id="">
                <div class="title">
                    <p>第一单元</p>
                    <span>有趣的物质</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>流动的水 - 液体的特点</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>无处不在的朋友 - 气体的特点</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>神秘魔术袋 - 固体的特点</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>物质变身 - 物质转化</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第二单元</p>
                    <span>我的动物朋友</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>昆虫运动会 - 昆虫身体特征</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>可爱的熊猫 - 熊猫的生活习性</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>会飞的鸟 - 鸟的特征</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>鱼 - 鱼类特征</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第一期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第三单元</p>
                    <span>我们的地球</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>我们的地球家 - 地球内部结构</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>旋转的地球 - 自转/公转</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>地球的保护层 - 认识大气层</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>日晷 - 时间</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第四单元</p>
                    <span>小东西大本领</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>水精灵 - 离子交换</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>美丽的花朵 - 凝胶</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>消失的颜色 - 色母片吸附作用</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>海底景观 - 厌水膜</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第二期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第五单元</p>
                    <span>水世界</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>收紧的水 - 表面张力</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>有力量的水 - 浮力</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>向上爬的水 - 毛细现象</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>神奇的水墨画 - 水墨画特点</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第六单元</p>
                    <span>人体的奥秘</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>人体五官 - 人体结构</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>人体骨骼 - 人体结构</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>食物的旅行 - 消化系统</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>不会停止的呼吸 - 呼吸系统</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第三期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第七单元</p>
                    <span>我是气象学家</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>调皮的风 - 风的形成</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>彩虹 - 彩虹的形成</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>雪 - 雪的形成</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>不好惹的风 - 龙卷风</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第八单元</p>
                    <span>玩具设计师</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>转起来吧 - 旋转运动</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>小兔跳跳跳 - 磁力</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>舞动的小球 - 静电</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>泡泡鼓风机 - 形状</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第四期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第九单元</p>
                    <span>声音大发现</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>声音哪里来 - 声音的产生</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>声音的传播 - 声音的传播</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>声音看得见 - 声音显形</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>声音三剑客 - 声音三要素</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第十单元</p>
                    <span>染料中的科学</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>天然染料 - 天然染料</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>蜡染 - 蜡染</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>扎染 - 扎染</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>夹染 - 夹染</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第五期)</div>
                </div>
            </div>
        </div>
        <div id="level2" class="dn">
            <div id="">
                <div class="title">
                    <p>第一单元</p>
                    <span>色彩的秘密</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>调色大师 - 色彩融合</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>彩色影子 - 光沿直线传播</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>神奇的紫甘蓝 - 酸碱变色</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>海底火山 - 化学变化</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第二单元</p>
                    <span>动物世界</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>可爱的水母 - 水母的生活环境</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>小动物变身 - 变态发育</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>动物住哪里 - 认识动物的生存环境</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>食物链 - 食物链</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第一期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第三单元</p>
                    <span>浩瀚的宇宙</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>忽大忽小的月亮 - 月相成因</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>日食月食 - 日食月食原理</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>太阳系家族 - 八大行星</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>神秘星空 - 天空中的星座</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第四单元</p>
                    <span>小小建筑师</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>搭建帐篷 - 帐篷结构</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>房屋工程师 - 房屋结构</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>桥梁工程师 - 桥梁结构</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>土炸弹 - 弹力</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第二期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第五单元</p>
                    <span>厨房实验室</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>有趣的溶解 - 溶解现象</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>五感的秘密 - 味觉</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>好玩的面粉 - 非牛顿流体特性</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>一样重 - 平衡</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第六单元</p>
                    <span>植物大家庭</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>植物的身体 - 植物的身体结构</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>植物的生长 - 生长过程</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>种子的奇妙旅行 - 植物的传播</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>粒粒皆辛苦 - 认识常见粮食</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第三期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第七单元</p>
                    <span>气象站</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>风向标 - 风力风向</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>量雨器 - 测量水位</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>温度计 - 热胀冷缩</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>湿度计 - 吸水性</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第八单元</p>
                    <span>运动器械</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>举重运动员 - 平衡</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>滑雪运动员 - 摩擦力</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>蹦床运动员 - 弹性</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>自行车运动员 - 传动</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第四期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第九单元</p>
                    <span>镜中之光</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>拯救向日葵 - 光的反射</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>奇怪的镜子 - 哈哈镜特征</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>奇妙的透镜 - 凹、凸透镜</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>立体的世界 - 滤光片的应用</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第十单元</p>
                    <span>变废为宝</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>制作手电筒 - 制作手电筒</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>家务小能手 - 气压</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>垃圾变身 - 皮筋弹力</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>扫地机器人 - 偏心轮</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第五期)</div>
                </div>
            </div>
        </div>
        <div id="level3" class="dn">
            <div id="">
                <div class="title">
                    <p>第一单元</p>
                    <span>神秘莫测的光</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>费纳奇镜 - 视觉暂留</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>照相机 - 照相机原理</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>光隧道 - 反射</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>什么消失了 - 折射</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第二单元</p>
                    <span>考古学家</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>拓印 - 拓印</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>琥珀 - 认识琥珀</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>恐龙化石 - 认识恐龙</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>洛阳铲 - 材料</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第一期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第三单元</p>
                    <span>和地球做朋友</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>自然预警 - 雨的危害</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>净水器 - 水污染</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>垃圾分类 - 认识大气层</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>发怒的火山 - 火山爆发</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第四单元</p>
                    <span>蛛丝马迹</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>提取指纹 - 认识指纹</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>提取DNA - 遗传物质</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>墨迹分离 - 毛细现象</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>气压砰砰枪 - 气压</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第二期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第五单元</p>
                    <span>美术科学</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>盐画 - 盐的吸水性</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>牛奶画 - 表面活性剂</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>磁铁画画 - 磁力</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>彩色粉笔 - 材料</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第六单元</p>
                    <span>植物也疯狂</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>叶子也疯狂 - 植物的叶子</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>似姜不是姜 - 植物的根茎</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>迷人的花香 - 植物的花</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>中药大师 - 特殊功效</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第三期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第七单元</p>
                    <span>飞行器</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>飞机的身体 - 飞机结构</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>飞机飞起来 - 升力</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>雪 - 空气阻力</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>不好惹的风 - 运动原理</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第八单元</p>
                    <span>古代发明</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>我的再生纸- 再生纸</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>活字印刷 - 活字印刷术</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>指南针 - 磁场</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>鲁班锁 - 榫卯结构</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第四期)</div>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第九单元</p>
                    <span>我是大力士</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>向上爬的小蜗牛 - 声音的产生</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>磁力小车 - 声音的传播</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>小丑走钢丝 - 声音显形</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>淘气的气球 - 声音三要素</strong>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="">
                <div class="title">
                    <p>第十单元</p>
                    <span>机械工程师</span>
                </div>
                <div class="con">
                    <ul class="classJianList">
                        <li>
                            <i>第1课</i><strong>我的水井 - 轮轴</strong>
                        </li>
                        <li>
                            <i>第2课</i><strong>奇怪的镜子 - 哈哈镜特征</strong>
                        </li>
                        <li>
                            <i>第3课</i><strong>奇妙的透镜 - 凹、凸透镜</strong>
                        </li>
                        <li>
                            <i>第4课</i><strong>立体的世界 - 滤光片的应用</strong>
                        </li>
                    </ul>
                    <div class="btn">名师思维导图课（第五期)</div>
                </div>
            </div>

        </div>
    </div>
    <script src="./js/jq.min.js"></script>
    <script>
        let ind = location.href.split("=")[1];
        if (ind == "0") {
            $("#outline>div").hide();
            $("#level1").css("display", "block");
        } else if (ind == "1") {
            console.log(111);
            $("#outline>div").hide();
            $("#level2").css("display", "block");
        } else if (ind == "2") {
            $("#outline>div").hide();
            $("#level3").css("display", "block");
        }
    </script>
</body>

</html>